*{
    margin: 0;
    padding: 0;
}
.box{
    width: 600px;
    height: 200px;
    overflow: auto;
    background-image: linear-gradient(to left top, red, yellow);
    box-shadow: 5px 5px 30px #000;
    /* border-bottom: 1px solid red; */
}
/* 后代选择器 */
.box .title{
    color: red;
}
/* 选择器的优先级 行内样式(1000) id(100) > class(10) > tag(1) */
#time {
    color: #0f0;
}
/* 组合选择器的优先级是各个选择器的优先级相加之和 */
/* 子代选择器 */
.box > p{
    color: #f00;
}
/* 相邻兄弟选择器 */
.title + p{
    color: #00f;
}
/* .title ~ p{
    color: #00f;
} */
 /* 状态选择器 */
.title:hover{
    background-color: #ccc;
}
/* .content p:first-child {
    color: #f00;
} */
/* .content p:nth-child(2) {
    color: #f00;
} */
/* .content p:nth-child(2n+1) {
    color: #f00;
} */

/* nav a::after {
    content: ">";
    margin-left: 10px;
    color: #000;
}
nav a:last-child::after {
    content: "";
} */
/* 伪元素 */
nav a+a::before {
    content: ">";
    margin-right: 10px;
    color: #000;
}